<template>
	<view class="rf-kefu">
		<view class="wrapper" @tap="toChat">
			<text class="icon kefu"></text>
		</view>
	</view>
</template>
<script>
	export default {
		name: 'kefu',
		props: {
			bottom: {
				type: Number,
				default: 150
			}
		},
		data() {
			return {
				kefuClass: false,
			};
		},
		methods: {
			stopPrevent() {},
			toChat() {
				let chat = {
					username: "陌搭助手",
					uid: 'modazhushou',
					face: 'https://data.imguangguang.com/20190626160351.jpg'
				}
				
				// 跳转陌搭客服助手
				uni.navigateTo({
					url: "/pagesB/pages/chat/chat?name=" + chat.username + "&imUser=" + chat.uid + "&face=" + chat.face
				});
			}
		}
	};
</script>
<style scoped lang="scss">
	.rf-kefu {
		width: 100%;

		.wrapper {
			height: 72upx;
			width: 72upx;
			background-color: #000;
			opacity: 0.5;
			border-radius: 50%;
			position: fixed;
			display: flex;
			justify-content: center;
			align-items: center;
			right: 40upx;
			bottom: 130upx;
			/* #ifdef H5 */
			bottom: 140upx;
			margin-bottom: env(safe-area-inset-bottom);
			/* #endif */
			z-index: 98;
		}

		.icon {
			font-size: 46upx;
			opacity: 1;
			color: #FFFFFF;
			z-index: 92;
		}

		.share-bg {
			height: 100vh;
			display: flex;
			justify-content: center;
			align-items: center;
			z-index: 98;
			flex-direction: column;

			image {
				margin-top: -10vw;
				width: 60vw;
				height: 60vw;
				border-radius: 12upx;
				z-index: 98;
			}

			.tip {
				color: red;
				margin-top: 10upx;
			}
		}
	}
</style>
